{% set clazz = "house" %}
{% set title = "绑定房屋" %}
{% extends './modules/common/templates/main.html' %}
{% block style %}
  <link rel="stylesheet" type="text/css" href="{{ '/static/css/home.css'|version }}" />
{% endblock %}
{% block content %}
  {% if !nested %}
    <header class="bar bar-header">
      {{ macro.back() }}
      <h1 class="title">{{ title }}</h1>
    </header>
  {% endif %}
  <section>
    <div class="list compact overlap">
        <a class="item" ui-mode="20px" href="/bind/project">
          {% if room %}    
            <span class="text" data-room="{{ room.id }}">{{ room.projectName }}{{ room.groupName }}{{ room.buildingName }}{{ room.name }}</span>
          {% else %}
            <span class="text">选择房屋</span>
          {% endif %}
          <i class="icon text-gray">&#xe61a;</i>
        </a>
      <div class="item type" ui-mode="20px">
        <span class="text">该房屋的身份
          <div class="flexbox text-center">
            <div data-identity="1" class="item selected">业主</div>
            <div data-identity="2" class="item">家庭成员</div>
            <div data-identity="4" class="item">租客</div>
          </div>
        </span>
      </div>
    </div>
    <div class="list">
      <div class="item gencode" ui-mode="20px">
        <span class="text">生成此房间：
          <span class="target text-green">业主</span>
          身份的二维码
          <i class="icon pull-right">&#xe603;</i>
        </span>
        <i class="icon text-gray">&#xe61a;</i>
      </div>
    </div>
    <div class="article">
      <h3 class="vspace">操作说明</h3>
      <p>1、请确认用户的身份(业主、家庭成员、租客)，如果有业主卡，请业主刷卡确认</p>
      <p>2、请用户使用千丁APP首页的“+”号--->扫一扫（邀请码）扫描二维码，即可完成用户身份与房屋的绑定。</p>
      <p>3、请务必认真操作，所有操作后台都有详细记录可查。</p>
    </div>
  </section>
{% endblock %}
{% block script%}
  {% parent %}
  <script src="{{ '/static/js/house.js'|version }}"></script>
{% endblock %}